.backwarp {width: 100%;overflow: hidden;}

.el-notification.right{z-index: 99999 !important;}
.el-message{z-index: 99999 !important;}

.backwarp .el-aside {position: fixed;left: 0;height: 100%;padding-bottom: 60px;box-shadow:inset -10px 0px 12px 0px rgb(144 121 148 / 24%); }
.backwarp .el-main {margin-left: 260px;}
.backwarp .el-footer {position: fixed;bottom: 0;z-index: 9999;background-color: #333;color:#c5cfd7;text-align: center;line-height: 60px;width: 100%;font-size: 14px;font-weight: 600;}

.backwarp .navTop{padding: 24px 0;background: #d5c9d7;width: 100%;}
.backwarp .navTop .name{width: 92px;height: 92px;font-size: 1.2rem;margin: 0 auto;text-align: center;line-height: 92px;color:#f2f2f2;border-radius: 50%;background: #66456a;}
.backwarp .navTop .email{width: 100%;font-size: 14px;font-weight: 600;text-align: center;margin-top: 20px;}

.backwarp .backNavList{padding-top: 42px;width: 88%;margin: 0 auto;}
.backwarp .backNavList .navItem{width: 100%;display: flex;justify-content: center;align-items: center;margin: 10px 0;padding: 8px 0;}
.backwarp .backNavList .navItem:hover{background-color: #edeff3;}
.backwarp .backNavList .navItem .navIcon{font-size: 26px;}
.backwarp .backNavList .navItem .navText{font-size: 16px;font-weight: 600;margin-left: 6px;color: #475b6d;}

.backwarp .indexList{margin-bottom: 20px;overflow: hidden;}
.backwarp .indexList .itemCard{margin: 0 5%;width:90%;height: 160px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px 0 rgb(0 0 0/12%);overflow: hidden;display: flex;align-items: center;justify-content: center;}
.backwarp .indexList .itemCard .name{color: #999;font-size: 1.2em;text-align: center;font-weight:bold;}
.backwarp .indexList .itemCard .name .icon{font-size: 24px;margin-left: 6px;}
.backwarp .indexList .itemCard .numb{color:#475b6d;font-size:2.4rem;font-weight:bold;text-align:center;margin-top: 10px;}
.backwarp .indexList .itemCard img.animat {width: 72%;padding:0 14%;min-width:280px;}
.backwarp .indexList .itemCard img.animat1 {background-color:#64d9d6;}
.backwarp .indexList .itemCard img.animat2 {background-color:#e3e3e3;}

.backwarp .elMain {min-width:1120px;overflow-x:auto;}
.backwarp .elMain .topCont{font-size: 1rem;font-weight: bold;margin-bottom: 16px;color: #475b6d;border-radius: 6px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);background-color: #fff;padding: 20px;display: flex;justify-content: space-between;align-items: center;}
.backwarp .elMain .sheetIndexCard{display:flex;justify-content:center;align-items:center;text-align:center;font-size:48px;font-weight:bold;color:#475b6d;background-color:#fff;padding:20px;min-height:540px;border-radius:6px;width:95%;box-shadow:0 2px 4px 0 rgb(0 0 0 / 12%);margin:0 auto;}
.backwarp .elMain .sheetCard{background-color: #fff;padding: 20px;margin-bottom: 16px;border-radius: 6px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);}
.backwarp .elMain .sheetCard .sheetHead{color: #475b6d;width: 100%;font-size: 1rem;font-weight: bold;margin-bottom: 16px;line-height: 64px;border-bottom: 4px solid #ebeef5;}
.backwarp .elMain .sheetCard .el-table .cell{text-align: center;line-height: 30px;}
.backwarp .elMain .sheetCard .el-table .cell .icon{font-size: 32px;}


